<template>
  <div>
    <h2>App组件</h2>
    <!-- 【普通的input】上的v-model，相当于 :value属性 + @input事件 -->
    <!-- <input type="text" :value="uname" @input="uname = $event.target.value" /> -->

    <!-- 【组件上】的v-model -->
    <MyInput :value="uname" @input="(val) => { uname = val }"/>
    <!-- <MyInput v-model="uname"/> -->
  </div>
</template>

<script>
import MyInput from '@/components/MyInput.vue'
export default {
  data () {
    return {
      uname: 'zs'
    }
  },
  components: { MyInput }
}
</script>

<style></style>
